{extend name="common/base_page" /}

{block name="title"}基础设置{/block}

{block name="jscssfile"}{/block}

{block name="css"}
<style type="text/css">
.layui-card { margin-bottom:0; }
.layui-tab-brief>.layui-tab-more li.layui-this:after, .layui-tab-brief>.layui-tab-title .layui-this:after {
    border: none;
    border-radius: 0;
    border-bottom: 3px solid #1E9FFF;
}
.layui-card-body {
    padding: 0px 15px 15px 15px;
}
</style>
{/block}

{block name="body"}
<div class="layui-card">
    <div class="layui-card-body">
        <div class="layui-tab layui-tab-brief" lay-filter="component-tabs-hash">
            <ul class="layui-tab-title page-nav">
              {volist name="jcsz_all_list" id="vo"}
              <li data-link="{$vo.url}" data-id="{$vo.id}">{$vo.name}</li>
              {/volist}
            </ul>
        </div>
    </div>
</div>
<div class="layui-card" id="iframe-main">
  <iframe height="100%" width="100%" src="" id="myFrame" name="myFrame" scrolling="no" frameborder="no" marginheight="0" marginwidth="0" allowtransparency="true"></iframe>
</div>
{/block}

{block name="script"}
<script type="text/javascript">
var _tabName = '{$tabname}';
$(function(){
  setTimeout(function(){
     
  },50);
  $('.page-nav li').click(function(){
      var _url = $(this).data('link');
      $(this).addClass('layui-this');
      $(this).siblings().removeClass('layui-this');
      setNewUrl(_url);
  });
  if(_tabName != '')
  {
    $('.page-nav li').each(function(){
        var _id = $.trim($(this).data('id'));
        if(_id == _tabName) $(this).trigger('click');
    });
  }else{
    $('.page-nav li:first').trigger('click');
  }
});
//Frame 转到新连接
function setNewUrl(_url)
{
  $('#myFrame').attr('src',_url);
}
</script>
{/block}